<template>
    <div>
        <el-dialog
            title="在线咨询"
            :visible.sync="dialogOnlineService"
            width="30%"
            :before-close="handleClose">
            <span>在线咨询</span>
            <span slot="footer" class="dialog-footer">
                <el-button @click="handleClose">取 消</el-button>
                <el-button type="primary" @click="handleClose">确 定</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
export default {
    name: 'OnlineServiceDialog',
    props:['dialogOnlineService'],
    data () {
        return {

        };
    },
    methods: {
        handleClose(){
            // 子组件调用父组件的方法
            this.$parent.closeALL();
        }
    },
};
</script>

<style lang="scss" scoped>

</style>
